#topbar-menu-list {
    width: 100%;
    height: 100vh;
}

#stjean_france {
    grid-area: france;
}

#stjean_europe {
    grid-area: europe;
}

#stjean_amerique {
    grid-area: amerique;
}

#stjean_asieoceanie {
    grid-area: asieoceanie;
}

#stjean_afrique {
    grid-area: afrique;
}

#stjean_famille {
    grid-area: famille;
}

.wrapper .grid {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "france europe amerique afrique famille" "france europe amerique asieoceanie famille";
}

ul.grid {
    flex-direction: column;
}

.menu-item-continent {}

.menu-item-column li {
    list-style: none;
}

ul.menu-item-country {
    list-style: none !important;
    font-weight: 700;
}

.menu-item-location a,
li.menu-item-location {
    font-weight: 400;
    color: #627f8d;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.7;
    list-style-type: none;
    margin-left: 5px;
    text-transform: none;
    top: auto;
    vertical-align: baseline;
}

span.menu-item-continent {
    text-transform: uppercase;
    background-color: #fff;
    padding: 2.5px 10px;
    font-weight: 600;
    color: #627f8d;
    font-family: "Open Sans";
    font-size: 16px;
    line-height: 2.2;
}

.menu-item-continent {
    list-style-type: none;
}

li.menu-item-country,
li.menu-item-websites a,
.menu-item-websites {
    font-weight: 600;
    color: #627f8d !important;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 1.7;
    list-style-type: none;
    text-transform: none;
}

.cef-topbar__content .cef-topbar__container {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
}